
<!doctype html>
<html lang="zh-CN" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <!-- The above 3 meta tags *must* come first in the head; any other head content must come *after* these tags -->
    <meta name="description" content="">
    <meta name="author" content="">
    <link rel="icon" href="https://cdn.jsdelivr.net/npm/@bootcss/v3.bootcss.com@1.0.16/favicon.ico">
    <link rel="canonical" href="https://getbootstrap.com/docs/3.4/examples/sticky-footer-navbar/">

    <title>Sticky Footer Navbar Template for Bootstrap</title>

    <!-- Bootstrap core CSS -->
    <link href="https://cdn.jsdelivr.net/npm/@bootcss/v3.bootcss.com@1.0.16/dist/css/bootstrap.min.css" rel="stylesheet">

    <!-- IE10 viewport hack for Surface/desktop Windows 8 bug -->
    <link href="https://cdn.jsdelivr.net/npm/@bootcss/v3.bootcss.com@1.0.16/assets/css/ie10-viewport-bug-workaround.css" rel="stylesheet">

    <!-- Custom styles for this template -->
    <link href="https://cdn.jsdelivr.net/npm/@bootcss/v3.bootcss.com@1.0.16/examples/sticky-footer-navbar/sticky-footer-navbar.css" rel="stylesheet">

    <!-- Just for debugging purposes. Don't actually copy these 2 lines! -->
    <!--[if lt IE 9]><script src="https://cdn.jsdelivr.net/npm/@bootcss/v3.bootcss.com@1.0.16/assets/js/ie8-responsive-file-warning.js"></script><![endif]-->
    <script src="https://cdn.jsdelivr.net/npm/@bootcss/v3.bootcss.com@1.0.16/assets/js/ie-emulation-modes-warning.js"></script>

    <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
    <!--[if lt IE 9]>
    <script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
    <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
    <![endif]-->
</head>

<body>

<!-- Fixed navbar -->
<nav class="navbar navbar-default navbar-fixed-top" th:fragment="nav">
    <div class="container">
        <div class="navbar-header">
            <span class="navbar-brand">Ripple's BLOG</span>
        </div>
        <div id="navbar" class="collapse navbar-collapse">
            <!--   前往后台管理   -->
            <a class="navbar-right btn btn-danger btn-lg" th:href="@{/admin/articleMan}" th:if="(${session.user_info} != null) and (${session.user_info.isRoot})">后台管理</a>
            <!--  用户信息 -->
            <span class="navbar-right" th:if="${session.user_info} == null">未登陆</span>
            <span class="navbar-right" th:if="${session.user_info} != null">欢迎您，[[${session.user_info.username}]]</span>
            <!--   登陆，注册，注销按钮   -->
            <a class="navbar-right btn btn-info btn-lg" th:href="@{/login}" th:if="${session.user_info} == null">
                登陆
            </a>
            <a class="navbar-right btn btn-warning btn-lg" th:href="@{/register}" th:if="${session.user_info} == null">
                注册
            </a>
            <a class="navbar-right btn btn-success btn-lg" th:href="@{/logout?cur_page=} + ${cur_page}" th:if="${session.user_info} != null">
                注销
            </a>
            <!-- 搜索框 -->
<!--            <form class="navbar-form navbar-right">-->
<!--                <input type="text" class="form-control" placeholder="搜索">-->
<!--            </form>-->
            <ul class="nav navbar-nav">
                <li th:class="(${cur_page} == index) ? active : ''"><a th:href="@{/index}">主页</a></li>
                <li th:class="(${cur_page} == classification) ? active : ''"><a th:href="@{/classification}">分类</a></li>
                <li th:class="(${cur_page} == tag) ? active : ''"><a th:href="@{/tag}">标签</a></li>
                <li th:class="(${cur_page} == time) ? active : ''"><a th:href="@{/time}">归档</a></li>
            </ul>
        </div><!--/.nav-collapse -->
        
    </div>
</nav>

<!-- Begin page content -->
<!--<div class="container">-->
<!--    <div class="page-header">-->
<!--        <h1>Sticky footer with fixed navbar</h1>-->
<!--    </div>-->
<!--    <p class="lead">Pin a fixed-height footer to the bottom of the viewport in desktop browsers with this custom HTML and CSS. A fixed navbar has been added with <code>padding-top: 60px;</code> on the <code>body &gt; .container</code>.</p>-->
<!--    <p>Back to <a href="../sticky-footer/">the default sticky footer</a> minus the navbar.</p>-->
<!--</div>-->

<footer class="blog-footer" th:fragment="footer">
    <p>Blog built for <a href="https://getbootstrap.com/">Bootstrap</a> by Ripple.</p>
    <p>
        <a href="#">Back to top</a>
    </p>
</footer>


<!-- Bootstrap core JavaScript
================================================== -->
<!-- Placed at the end of the document so the pages load faster -->
<script src="https://cdn.jsdelivr.net/npm/jquery@1.12.4/dist/jquery.min.js" integrity="sha384-nvAa0+6Qg9clwYCGGPpDQLVpLNn0fRaROjHqs13t4Ggj3Ez50XnGQqc/r8MhnRDZ" crossorigin="anonymous"></script>
<script>window.jQuery || document.write('<script src="https://cdn.jsdelivr.net/npm/@bootcss/v3.bootcss.com@1.0.16/assets/js/vendor/jquery.min.js"><\/script>')</script>
<script src="https://cdn.jsdelivr.net/npm/@bootcss/v3.bootcss.com@1.0.16/dist/js/bootstrap.min.js"></script>
<!-- IE10 viewport hack for Surface/desktop Windows 8 bug -->
<script src="https://cdn.jsdelivr.net/npm/@bootcss/v3.bootcss.com@1.0.16/assets/js/ie10-viewport-bug-workaround.js"></script>
</body>
</html>
